<template>
<div class="news-list">
  <!--<img  :src="news.img" alt="">-->
  <img  :src="getImgURL(news.img)" alt="">  <div style="margin: 10px">
    <p style="margin-bottom: 20px"><a href="">{{news.title}}</a></p>
    <p style="font-weight: lighter;font-size: small">{{news.createTime}}</p>
  </div>
  
  
  
</div>
</template>

<script>
export default {
  name: "NewList",
  props: ['news'],
  methods:{
    getImgURL(url){
      return 'http://localhost:8888/FinancialRecommend' + url
    },
  }
}
</script>

<style lang="less" scoped>
.news-list{
  width: 100%;
  height: 117px;
  //background-color: pink;
  margin-bottom: 15px;
  display: flex;
  box-sizing: border-box;
  img{
    height: 117px;
    width:  117px;
  }
}
a {
  text-decoration: none;
  color: black; /* 或者与父元素的文本颜色相同 */
}

a:hover {
  text-decoration: underline;
  color: inherit; /* 还原为继承的文本颜色 */
}
</style>
